<template>
  <div>
	  
	<el-row type="flex" justify="center">
					
			<div>
				
				<el-form ref="form" :model="form" label-width="80px">
				  <el-form-item label="充值账号">
				    <el-input v-model="form.name" disabled></el-input>
				  </el-form-item>
				  <el-form-item label="姓名:" style="text-align: left;"> {{form.name}}</el-form-item>
				  
				  <el-form-item label="联系方式">
				    <el-input v-model="form.phone" disabled></el-input>
				  </el-form-item>
				  <el-form-item label="用户住址">
				    <el-input v-model="form.address"></el-input>
				  </el-form-item>
				  <el-form-item label="充值金额">
				    <el-input v-model="form.money"></el-input>
				  </el-form-item>
				 
				  
				  <!-- <el-form-item label="支付方式">
				    <el-radio-group v-model="form.resource">
				      <el-radio label="微信"></el-radio>
				      <el-radio label="支付宝"></el-radio>
				    </el-radio-group>
				  </el-form-item> -->
				  
				  <el-form-item>
				    <el-button type="primary" @click="onSubmit">立即创建</el-button>
				    <el-button>取消</el-button>
				  </el-form-item>
				</el-form>
				
			</div>
	 
	</el-row>
	
	
  </div>
  
</template>

<script>
	
export default {
    data() {
      return {
        form: {
          id: '1',
          name: '王五',
          phone: '123456789',
          address: '四川省成化大道',
          money: '',
          category:""
        },
		TopUp:{
			id: '1',
			name:'张三',
			address:'四川省成化大道凤仙桥',
			money:'10',
			category:''
		}
      }
    },
    methods: {
      onSubmit() {
		this.TopUp.category=this.$route.query.id;
		var id=this.$route.query.id;
		console.log("约吗")
		console.log(this.TopUp)
		console.log(id)
		
		// /Convenience/test
		
		this.$axios({
			method:"POST",
			url:"/Convenience/Rising_Prices_addChargeMoney",
			data:this.TopUp
		}).then((res)=>{
			
			
		})
		
      }
	  
    }
  }
</script>

<style>
  .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
	  text-align: center;
    }
  }
  .el-col {
    border-radius: 4px;
  }
 /* .bg-purple-dark {
    background: #99a9bf;
  } */
  .bg-purple {
    background: #d3dce6;
  }
  /* .bg-purple-light {
    background: #e5e9f2;
  } */
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
/*  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  } */
</style>